﻿<%@ Page Title="" Language="C#" MasterPageFile="~/FrontEnd.master" AutoEventWireup="true" CodeFile="PhoneDetail.aspx.cs" Inherits="PhoneDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Product</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphdContent" runat="server">
    <div class="about">
        <div class="auto-style1">
            <div>
                <asp:HyperLink ID="hplPhone" runat="server"></asp:HyperLink>
            </div>
        </div>
        <div class="box-product-detail">
            <div class="info-detail">
                <!--     Cột trái   -->
                <div class="info-left">
                    <div class="left-item">
                        <div class="name">
                            <div>
                                <asp:Label ID="lblPhoneName" runat="server" Text="Label"></asp:Label>
                            </div>
                        </div>
                        <div class="img-sp">
                            <asp:Image ID="imgAvatarPhone" runat="server" />
                        </div>
                        <div class="button">
                            <div></div>
                        </div>
                    </div>
                </div>
                <!--      Cột phải  -->
                <div class="info-right">
                    <div class="title1">
                        <div>
                            Thông tin sản phẩm
                        </div>
                    </div>
                    <ul>
                        <li>
                            <span>Giá :
                            </span>
                            <asp:Label ID="lblPrice" runat="server" Text=""></asp:Label>
                        </li>
                        <li>
                            <span>Màn hình :
                            </span>
                            768 x 1280 pixels, 4.5 inches
                        </li>
                        <li>
                            <span>Camera :
                            </span>
                            <asp:Label ID="lblCamera" runat="server" Text=""></asp:Label>
                        </li>
                        <li>
                            <span>Hệ điều hành:
                            </span>
                            <asp:Label ID="lblOs" runat="server" Text=""></asp:Label>
                        </li>
                        <li>
                            <span>Dung lượng pin :
                            </span>
                            <asp:Label ID="lblBattery" runat="server" Text=""></asp:Label>
                        </li>
                       
                    </ul>
                </div>
                <asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath>
                <!-- Các tab -->
                <%--<div class="tab-title">
                    <ul class="tabs">
                        <li class="li-tab active">
                            <div id="tongquan" class="tab-active" onclick="showhide('tongquan')">
                                <div class="q">
                                </div>
                                <div class="c">
                                    <div>
                                        <a href="#tab1">Tổng quan
                                        </a>
                                    </div>
                                </div>
                                <div class="r"></div>
                            </div>
                        </li>
                        <li class="li-tab">
                            <div id="thongso" class="tab-no-active" onclick="showhide('thongso')">
                                <div class="q"></div>
                                <div class="c">
                                    <div>
                                        <a href="#tab2">Thông số kĩ thuật
                                        </a>
                                    </div>
                                </div>
                                <div class="r"></div>
                            </div>
                        </li>
                        <li class="li-tab">
                            <div id="hinhanh" class="tab-no-active" onclick="showhide('hinhanh')">
                                <div class="q"></div>
                                <div class="c">
                                    <div>
                                        <a href="#tab3">Hình ảnh

                                        </a>
                                    </div>
                                </div>
                                <div class="r"></div>
                            </div>
                        </li>

                    </ul>
                </div>--%>
                <!--Nội dung tab -->
                <%--<div class="tab-detail-line"></div>
                <div class="tab-detail-item">
                    <div id="tab1" class="tab-content" style="display: block;">
                        <span style="background-color: rgb(253, 253, 253); font-family: tahoma; font-size: 14px;">Thiết kế là điểm khác biệt lớn nhất của Lumia 925 và tất cả các smartphone Lumia trước đây. Đây là chiếc Lumia đầu tiên sử dụng khung viền bằng kim loại, kết hợp với nắp lưng bằng chất liệu nhựa polycarbonate. Việc sử dụng chất liệu nhôm này giúp đem lại cảm giác chắc chắn khi cầm máy trên tay, tuy nhiên khi kết hợp với chất liệu nhựa, mặt sau của máy bị chia thành hai phần và nếu nhìn kĩ có thể thấy khoảng hở ở các vị trí ghép nối.
                        </span>
                        <p align="center" style="margin: 0px 0px 1em; font-family: tahoma; padding: 3px 0px !important; font-size: 14px !important;">
                            <img style="border: 0px; width: 600px; height: 400px;" src="http://vnreview.vn/image/69/50/695018.jpg?t=1379499907656" alt="Đánh giá điện thoại Nokia Lumia 925" />
                        </p>
                        <p align="center" style="margin: 0px 0px 1em; font-family: tahoma; padding: 3px 0px !important; font-size: 14px !important;">
                            <strong>
                                <em>Lumia 925 
                                </em>
                            </strong>
                            <em>đem lại cảm giác cầm khá thoải mái, do máy mỏng và nhẹ</em>
                        </p>

                        <p style="margin: 0px 0px 1em; font-family: tahoma; padding: 3px 0px !important; font-size: 14px !important;">
                            Về kiểu dáng bên ngoài, Lumia 925 mang vẻ tròn trịa hơn một chút so với 
                            <em>Lumia 920 </em>
                            , nhưng máy lại mỏng và nhẹ hơn nhiều. Độ dày của
                            <strong>Lumia 925    </strong>
                            là 8,5 mm, mỏng hơn 2 mm so với Lumia 920; trọng lượng của máy là 139 g, chỉ bằng 75% trọng lượng Lumia 920. Do vậy khi cầm trên tay,
                            <strong>Lumia 925   </strong>
                            cho cảm giác thoải mái hơn nhiều. Máy chỉ có ba màu là đen, trắng và bạc, chứ không được đa dạng màu sắc như các dòng Lumia còn lại.
                        </p>
                        <p align="center" style="margin: 0px 0px 1em; font-family: tahoma; padding: 3px 0px !important; font-size: 14px !important;">
                            <img style="border: 0px; width: 600px; height: 400px;" src="http://vnreview.vn/image/69/50/695006.jpg?t=1379499907655" alt="Đánh giá điện thoại Nokia Lumia 925"></img>
                        </p>
                    </div>
                    <div id="tab2" class="tab_content" style="display: block;">
                        <table style="border: 0px; outline: 0px; font-size: 11px; vertical-align: baseline; background-color: rgb(255, 255, 255); margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; width: 572px; color: rgb(65, 65, 65); font-family: Arial, Helvetica, sans-serif; line-height: 17px;">
                            <tbody style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;"></tbody>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <th style="border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); outline: 0px; font-size: 12px; vertical-align: baseline; background-color: rgb(247, 247, 247); margin: 0px; padding: 5px; color: rgb(255, 84, 0); text-transform: uppercase;" colspan="2">THÔNG TIN CHUNG</th>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">

                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Mạng 2G
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">GSM 850 / 900 / 1800 / 1900
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">

                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Mạng 3G
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">HSDPA 850 / 900 / 1900 / 2100
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">

                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Ra mắt
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">Tháng 05 năm 2013
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">

                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Ngày có hàng
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">28/08/2013
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <th style="border-top-width: 0px; border-right-width: 0px; color: rgb(255, 84, 0); text-transform: uppercase;" colspan="2">KÍCH THƯỚC
                                </th>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Kích thước
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">129 x 70.6 x 8.5 mm, 78 cc
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Trọng lượng
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">139 g
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <th style="border-top-width: 0px; border-right-width: 0px; color: rgb(255, 84, 0); text-transform: uppercase;" colspan="2">HIỂN THỊ
                                </th>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Loại
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">Màn hình cảm ứng điện dung AMOLED, 16 triệu màu
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">
                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);">Kích thước
                                </td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">768 x 1280 pixels, 4.5 inches
                                </td>
                            </tr>
                            <tr style="border: 0px; outline: 0px; vertical-align: baseline; background-color: transparent; margin: 0px; padding: 0px;">

                                <td class="title" style="border-top-width: 0px; border-right-width: 0px; margin: 0px; padding: 5px; color: rgb(0, 0, 0);"></td>
                                <td style="border-top-width: 0px; border-right-width: 0px; background-color: transparent; margin: 0px; padding: 5px;">
                                    <br />
                                    - Cảm ứng đa điểm<br />
                                    - Mặt kính Corning Gorilla Glass 2<br />
                                    - Công nghệ hiển thị PureMotion HD+ ClearBlack<br />
                                    - Cảm biến ánh sáng<br />
                                    - Cảm biến gia tốc<br />
                                    - Cảm biến con quay hồi chuyển<br />
                                    - Cảm biến la bàn số<br />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <script>
                    $(function () {
                        $("ul.tabs").tabs("div.tab-detail-item > div");
                    });
                </script>--%>
            </div>
        </div>
    </div>
</asp:Content>

